import { InboxOutlined } from "@ant-design/icons"
import { Button, Form, Input, Switch, Upload } from "antd"
import React from "react"

const SetUp: React.FC = () => {
    return (
        <div>
            <Form
                    layout="horizontal"
                >
                    <Form.Item label="名称">
                        <Input />
                    </Form.Item>
                    <Form.Item label="描述">
                        <Input.TextArea />
                    </Form.Item>
                    <Form.Item label="评论" valuePropName="checked">
                        <Switch />
                    </Form.Item>
                    <Form.Item
                        name="url"
                        label="封面"
                    >
                        <Upload.Dragger name="files" action="/upload.do">
                            <p className="ant-upload-drag-icon">
                                <InboxOutlined />
                            </p>
                            <p className="ant-upload-text">点击选择文件或将文件拖拽到此处</p>
                            <p className="ant-upload-hint">文件将上传到 OSS, 如未配置请先配置</p>
                        </Upload.Dragger>
                        <Input placeholder="input placeholder" />
                        <Button htmlType="button">
                            选择文件
                        </Button>
                    </Form.Item>
                </Form>
        </div>
    )
}
export default SetUp